<template>
  <div>
      <h1>这是分类的子模块</h1>
      <h1>{{cateName}}</h1>
      <h1>{{cName}}</h1>
      <button @click="say">触发actions的方法</button>
  </div>
</template>
<script setup>
  import {computed} from 'vue'
  import {oneStore} from '../../pinia/index'
  let store=oneStore();

  // 使用pinia的state
  let cateName=computed(()=>store.cateName)
  // 使用pinia的getters数据
    let cName=computed(()=>store.cName)
  let say=()=>{
    // 触发pinia中的actions的方法
    store.changeName("冰箱")
  }
  // pinia 和vuex的区别
  // pinia更适合vue3的组合式api的使用
  // pinia 没有mutations和modules属性了
  // pinia 直接操作state和actions等属性 操作更边界
  // pinia 支持多个store的实力，模块更清晰，更灵活


</script>